<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<title>Home</title>

	<link href="../static/css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href="../static/css/style.css" rel='stylesheet' type='text/css' />
	<link href="../static/css/newhourse.css" rel='stylesheet' type='text/css' />
	<style>
		.logins {
			background: #2da9e1;
			color: #fff;
			font-size: 1.5em;
			border: none;
			width: 100%;
			outline: none;
			-webkit-appearance: none;
			padding: .5em 0;
			transition: 0.5s all;
			-webkit-transition: 0.5s all;
			-moz-transition: 0.5s all;
			-o-transition: 0.5s all;
			margin-top: .5em;
			font-family: 'PT Sans', sans-serif;
		}

		.registers {
			background: #2da9e1;
			color: #fff;
			font-size: 1.5em;
			border: none;
			width: 100%;
			outline: none;
			-webkit-appearance: none;
			padding: .5em 0;
			transition: 0.5s all;
			-webkit-transition: 0.5s all;
			-moz-transition: 0.5s all;
			-o-transition: 0.5s all;
			margin-top: .5em;
			font-family: 'PT Sans', sans-serif;
		}

		.offer-grid {
			margin-top: 50px !important;
		}
	</style>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Real Space Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>

	<script src="../static/js/jquery-1.11.1.min.js"></script>
	<script src="../static/js/bootstrap.js"></script>
	<link href="../static/css/owl.carousel.css" rel="stylesheet" />
	<script src="../static/js/owl.carousel.js"></script>
	<script src="../static/js/vue.js"></script>
	<script src="../static/js/jquery.cookie.js"></script>
	<script src="../static/js/axios.js"></script>
</head>

<body>


	<div class="header-section">
		<div class="container">
			<nav class="navbar navbar-default">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
					    aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<div class="navbar-brand">
						<h1>
							<a href="index.html">
								<span>Real </span>Space</a>
						</h1>
					</div>
				</div>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="index">主页 <span class="sr-only">(current)</span></a></li>
						<li><a href="secondlist">二手房</a></li>
						<li><a href="rentlist">租房</a></li>
						<li><a href="newhourse">新房 </a></li>
						<li><a href="community">小区</a></li>
						<li><a href="broker">经纪人</a></li>
						<li><a href="knowledge">知识</a></li>
					</ul>
					<div class="email" v-if="name==null">
						<ul>
							<li>
								<i class="glyphicon glyphicon-log-in" aria-hidden="true"></i>
								<a href="#" data-toggle="modal" data-target="#myModal">登陆</a>
							</li>
							<li>
								<i class="glyphicon glyphicon-lock" aria-hidden="true"></i>
								<a href="#" data-toggle="modal" data-target="#myModal1">注册</a>
							</li>
						</ul>
					</div>
					<div class="login-next" v-if="name!=null">
						<img :src="image" style="width: 40px;height: 40px;margin-top: 12px;border-radius: 50%;float: left;margin-left: 140px;">
						<p class="login-p" style="color:white;float: left;margin-top: 15px;margin-left: 5px;font-size: 20px;" v-text="name">admin</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</nav>
		</div>
	</div>


	<div class="jumbotron" style="background: url(../static/images/aiwu.png)">
		<div class="search_s">
			<input placeholder="请输入楼盘名/区域">
			<button class="btn btn-info">开始找房</button>
			<p>热门搜索： 实景现房 品牌房产 刚需置业 花园洋房</p>
		</div>
	</div>

	<div class="title-s">
		<ol class="breadcrumb">
			<li>
				<a href="#">Home</a>
			</li>
			<li>
				<a href="#">Library</a>
			</li>
			<li class="active">Data</li>
		</ol>
	</div>

	<div class="contents">
		<div class="newhouse_title">
			<h2 class="newhouse_title_theme">
				<a href="" target="_blank">推荐楼盘</a>
			</h2>
			<span>为您推荐优质精品楼盘</span>
		</div>

		<div>
			<ul class="newhourse_list">
				<li v-for="(r,index) in recomlist" v-if="index<6">
					<a href="" target="_blank" title="万通中心" class="hotHouse_listImg">
						<img class="load" :src="r.image"
							data-original=""
							alt="" style="display: block;">
					</a>
					<div class="hotHouse_listCon">
						<div class="hotHouse_listName">
							<a href="/hz/loupan/19858.html" target="_blank" title="万通中心">{{r.name}}</a>
							<span class="fr fontS18 colorRed">
								{{r.price}}元/㎡ </span>
						</div>
						<div class="hotHouse_listPrice">
							<span class="address color888">{{r.adress}}</span>
							<span class="color888 fr">
								{{r.area}}m²
							</span>
						</div>
					</div>
				</li>
			</ul>
			<a href="community" target="_blank" class="hotHouse_more blueBtn">更多楼盘</a>
		</div>
	</div>

	<div class="headlines">
		<div class="warp1180 ">
			<h2 class="headlines_title">
				<a href="">楼盘新闻</a>
			</h2>
			<div class="clearfix">
									<div class="headlinesList">
						<i class="headlinesList_line"></i>
						<span class="headlinesList_title"><a href="" target="_blank">银监会：严控个人贷款违规流入股市和房市</a> </span>
						<p class="headlinesList_txt" style="word-wrap: break-word;">银监会明确2018年10大重 点监管举措，将严查各类违规房地产融资、严控个人贷款违规流入股市和房市。</p>
						<a href="" target="_blank" class="headlinesList_txtMore">阅读全文&gt;</a>
					</div>
									<div class="headlinesList" style="padding-right: 0">
						<i class="headlinesList_line"></i>
						<span class="headlinesList_title"><a href="" target="_blank"> 户型图千变万化，如何一眼辨别好户型</a> </span>
						<p class="headlinesList_txt" style="word-wrap: break-word;">户型图就是住房的平面空间布局图，即对各个独立空间的使用功能、相应位置、大小进行描述的图型。可以直观的看清房屋的走向布局。如何看懂户型并不难。</p>
						<a href="" target="_blank" class="headlinesList_txtMore">阅读全文&gt;</a>
					</div>
							</div>
			<div class="headlinesList_listMore">
				<a href="" target="_blank">更多楼盘新闻</a>
			</div>
		</div>
	</div>

	<!-- login -->
	<div id="not-success">
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">
				<div class="modal-content modal-info">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div class="modal-body real-spa">
						<div class="login-grids">
							<div class="login">

								<div class="login-right" id="login">
									<form>
										<h3>Login</h3>
										<input type="text" value="Enter your Phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter your Email';}"
										    required="" id="username">
										<input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}"
										    required="" id="password">
										<h4>
											<a href="#">忘记密码？</a> /
											<a href="#">注册账号</a>
										</h4>
										<div class="single-bottom">
											<input type="checkbox" id="brand" value="">
											<label for="brand">
												<span></span>记住我</label>
										</div>
										<button type="button" value="" class="logins">登录</button>
									</form>
								</div>

							</div>
							<p>登陆即同意
								<a href="#">合约</a>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- login  -->
		<!-- Register -->
		<div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">
				<div class="modal-content modal-info">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div class="modal-body real-spa">
						<div class="login-grids">
							<div class="login">
								<div class="login-right">
									<h3>Register </h3>
									<input type="text" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" required=""
									    id="name">
									<input type="text" value="Mobile number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Mobile number';}"
									    required="" id="phone">
									<input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}"
									    required="" id="passwords">
									<button type="button" value="" class="registers">立即注册</button>
								</div>
								<div class="clearfix"></div>
							</div>
							<p>登陆即同意
								<a href="#">合约</a>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="../static/js/newhourse.js"></script>
</body>

</html>>